@charset "utf-8";
/* CSS Document */
*{ padding: 0; margin: 0;}
body{color: #333;font-size: 12px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;overflow-x:hidden}
ol, ul, li, dl, dt, dd {list-style: none; }
input,button,select,textarea{outline:none;border: 0;}
ul,ol{ overflow:hidden;}li{float:left;}
a{ text-decoration:none; color:#333;}
a:active{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.fl{ float:left;}.fr{ float:right;}
.w{width: 1200px;margin:0 auto;}
.clear{ clear:both} 

.top_msg{display: none;background: #f3f3f3;height: 36px;line-height: 36px;}
.top_msg .top_msg_a1{color: #21a557;}
.top_msg a.fr img{margin-right: 6px;}

.head{padding: 30px 0 36px;}
.head .follow{
	display: inline-block;
	margin: 0 14px 0 30px;
	width: 54px;height: 21px;
	background: #21a557;
	border-radius: 2px;
	line-height: 21px;
	text-align: center;
	color: #fff;
}
.head .follow:hover{background: #2fb556;}

.head .follow2{
	display: none;
	/* display: inline-block; */
	margin: 0 14px 0 30px;
	width: 104px;height: 20px;
	border: solid 1px #efefef;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	background: #f8f8f8;
	color: #333;
}
.head .follow2:hover{background: #fff;}
.head .follow2 span{
    float: right;
	display:block;
	margin: 5px 0;
	height: 10px;width: 38px;
    line-height: 10px;
	border-left: 1px solid #ccc;
	color: #999;
}
.head .follow2:hover span{
	color: #21a557;text-decoration: underline;
}

.head .fans{color: #666;}
.head .fr a{
	margin: 0 19px;
	font-size: 16px;
}
.head .fr a:hover{color: #39a030;}
.head .fr .search{display: inline-block;vertical-align: text-bottom;
	margin: 2px 0 0 30px;width: 19px;height: 19px;
	background: url(../images/se.png) center top no-repeat;}
	.head .fr .search:hover{background: url(../images/se.png) center bottom no-repeat;}

.banner{
	width: 100%;
	height: 460px;
	overflow: hidden;
	position: relative;
}
.banner-list{
	width: 1652px;
	position: absolute;left: 50%;margin-left:-826px ;
	transition: all .5s ease;
    opacity:0;
}
.show{display:block;opacity:1;}
.point{
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align:center;
}
.point span{
	display: inline-block;
	width:10px; height: 10px;
	border-radius: 50%;
	background:#fff;
	margin-left: 8px;
	cursor: pointer;
}
.point span.action{background: #333;}


.block3f{padding: 50px 0;}
.block3{display: inline-block;width: 340px;margin-right: 80px;}
.block3.mr0{margin-right: 0;}
.block3 img{float: left;margin-top: 12px;}
.b3c{float: right;width: 240px;}
.b3c h4{font-size: 22px;font-weight: normal;margin-bottom: 14px;}
.b3c p{font-size: 14px;color: #666;line-height: 24px;margin-bottom: 24px;text-align: justify;}
.b3c a{font-size: 14px;color: #39a030;}
.b3c a:hover{text-decoration: underline;}

.f8f8f8{background: #f8f8f8;padding:0 0 120px;}
.banner2{position: relative;top: 2px;height: 222px;}
.banner2 img{position: absolute;left: 50%;margin-left: -808px;}

.list{margin-top: 80px;}
.list_left{width: 960px;float: left;}
.list_right{width: 223px;float: right;}


#tab-nav{width: 400px;box-shadow: 0 1px 2px 0 #d4d3d3;}
#tab-nav li{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #fff;font-size: 20px;color: #666;}
#tab-nav li.on{background: #39a030;color: #fff;}

.tabcon{padding: 30px 0 10px;}
.tabcon ul{overflow: inherit;width: 100%;}
.tabcon li{box-sizing: border-box;position: relative;
	padding: 1px;margin:0 20px 20px 0;
	width: 225px;height: 228px;
	background: #fff;
	box-shadow: 0 1px 2px 0 #d4d4d4;
	font-size: 12px;
}
.tabcon li:nth-child(4n-1){margin-right: 0;}
.tabcon li:nth-child(4n){margin-right: 0;float: right;}
/* .tabcon li:hover{box-shadow: 0 1px 2px 1px #c7c7c7;}
.tabcon li:hover h5{color: #39a030;} */
.tabcon li:hover .details{display: block;}

.tabcon .listpic{width: 100%;height: 124px;}
.tabcon h5{overflow: hidden;padding:0 4px;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;color: #333;line-height: 30px;}
.tabcon p{padding-left: 4px;}
.tabcon .liname{color: #999;}
.tabcon .licount{
	display: inline-block;height: 16px;
	padding:0 3px 0 18px;margin:7px 0 7px 4px;
	color: #999;
	border: solid 1px #ddd; border-radius: 2px;
	background: #fff url(../images/licount.png) 3px center no-repeat;
}
/* .tabcon .licount span{
	display: inline-block;
	line-height: 16px;
    -webkit-transform-origin-x: 0;
    transform-origin-x: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    font-size: 20px;
} */
.tabcon .liprice{color:#ff3f00;font-weight: bold;}

.details{display: none;
	box-sizing: border-box;
	position: absolute;top: -10px;left: -10px;
	width: 480px;height: 238px;padding-top: 11px;
	background: #fff;
	box-shadow: 0 1px 3px 0 #a5a5a5;
	z-index: 1;
}
.details>.fl{overflow: hidden;width: 225px;}
.details .listpic{float: left;width: 223px;margin: 0 20px 0 11px;}
.details h5{font-size: 18px;padding-left: 0;}
.details .licount{float:left;width: 100%;border: 0;border-radius: 0;color: #666;}
.details .liname{width: 100%;font-size: 12px;line-height: 20px;color: #666;}
.details .introduce{box-sizing: border-box;overflow: hidden;position: absolute;bottom: 0;
	width: 100%;height: 83px;padding: 16px 20px;
	font-size: 14px;line-height: 24px;color: #666;
	background: #f8f8f8;}

.lrc1{ width: 100%;background: #fff;box-shadow: 0 1px 2px 0 #d4d4d4;}
.lrc1:hover{box-shadow: 0 1px 2px 1px #c7c7c7;}
.lrc1 h3{height: 55px;line-height: 55px;border-bottom: 1px solid #ddd;text-indent: 20px;font-size: 16px;font-weight: normal;}
.lrc1-sp{height: 230px;margin-bottom: 20px;}
.lrc1-sp p{font-size: 14px;color: #666;margin-left: 22px;line-height: 30px;margin-top: 12px;}
.lrc1-sp img{display: block;margin: 0 auto;cursor: pointer;}

.lrc1-hot ul{margin: 19px 20px 0;overflow: hidden;height: 700px;}
.lrc1-hot li{margin-bottom: 20px;}
.lrc1-hot li .hotpic{float: left;width: 50px;height: 50px;margin-right: 12px;}
.lrc1-hot li p.litit{overflow: hidden;width: 121px;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;margin-top: -2px;}
.lrc1-hot li p.licount{
	float: left;margin-top: 10px;
	font-size: 11px;text-indent: 16px;color: #999;
	background: #fff url(../images/licount.png) 0 center no-repeat;
}

.pages li{
	width: 20px;height: 20px;margin-left: 9px;
	line-height: 20px;font-size: 14px;color: #666;text-align: center;
	cursor: pointer;}
.pages ul{display: inline-block;}
.pages .prev,.pages .next{
	display:inline-block;cursor: pointer;
	width: 30px;height: 20px;
	background: #9dd8b1 url(../images/prev.png) center no-repeat;}
.pages .next{transform: rotate(180deg);margin-left: 9px;}
.pages #pagesindex{color: #39a030;}
.pages li:hover{background: #9dd8b1;color: #fff;}


.footer{overflow: hidden;padding: 80px 0;background: #2c3339;color: #fff;}
.footer .w{width: 960px;}
.footer .fl{line-height: 25px;font-size: 12.5px;}
.footer .fl img{margin-bottom: 20px;}

.footer .fr ul{float: left;width: 134px;}
.footer .fr ul:first-child{margin-right: 76px;}
.footer .fr li{float: none;line-height: 30px;}
.footer .fr a{font-size: 14.5px;color: #fff;}
.footer .fr a:hover{text-decoration: underline;}

/* 遮罩层 */
#mask{
	display: none;
	position: fixed;top: 0;left: 0;z-index: 100;
	width: 100%;height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 登陆窗 */
#loginWin{
	display: none;
	box-sizing:border-box;
	position: fixed;top: 50%;left: 50%;z-index: 110;
	width: 388px;height:288px;
	margin: -144px 0 0 -194px;padding:27px 50px 40px 40px;
	background: #fff;
}
#loginWin p{font-size: 18px;line-height:26px;}
#loginWin #loginClose{
	position: absolute;top:0;right: 0;
	width: 36px;height: 36px;
	background: url(../images/close.png) no-repeat center;
	cursor: pointer;
}
#loginWin input{
	box-sizing:border-box;
	width: 295px;height: 45px;margin-top: 15px;
	line-height: 45px;text-indent: 10px;
	background: #fafafa;
	border: solid 1px #dfdfdf;
	box-shadow: inset 1px 1px 2px 0px #f1f1f1;
}
#login{
	margin-top: 30px;
	width: 293px;height: 46px;
	line-height: 46px;
	font-size: 16px;color: #fff;
	background: url(../images/login.png) no-repeat ;
	box-shadow: 2px 2px 0 0 #d5e3da;
}


/* 视频弹窗 */
#videoWin{
	display: none;
	box-sizing:border-box;
	position: fixed;top: 50%;left: 50%;z-index: 110;
	width: 950px;height: 610px;
	margin: -305px 0 0 -475px;padding: 7px 30px 40px;
	background: #fff;
}
#videoWin p{font-size: 18px;line-height: 60px;}
#videoWin #videoClose{
	position: absolute;top:0;right: 0;
	width: 36px;height: 36px;
	background: url(../images/close.png) no-repeat center;
	cursor: pointer;
}

/* 窄屏方案 */
@media only screen and (max-width: 1205px){
	.w{width: 960px;}

	.block3 {width:270px;margin-right:70px;}
	.b3c {width: 172px;}
	.list_left{width: 720px;}
	.tabcon li:nth-child(4n){margin-right: 20px;float: left;}
	.tabcon li:nth-child(4n-1){margin-right: 20px;}
	.tabcon li:nth-child(3n){margin-right: 0;}

}
